$(document).ready(function(){
	
	
	//  获取相应商品详情页
	$.get('json/list.json',function(data){
		var id = $.cookie('goodID');
		$('.box .tb-pic img').each(function(index){
			$(this).attr('src',data[id].img)
			$(this).attr('rel',data[id].img)
			$(this).attr('mid',data[id].img)
			$(this).attr('big',data[id].img)
			
		})
		$('#text-top h3').html(data[id].product)
		$('#text-top dt span').html(data[id].price)
	})
	
	
	//放大镜
	$(".jqzoom").imagezoom();
	$("#thumblist li a").click(function(){
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
		$(".jqzoom").attr('src',$(this).find("img").attr("mid"));
		$(".jqzoom").attr('rel',$(this).find("img").attr("big"));
		return false;
	});
	// 购物数量
	$('#text-bottom dd').each(function(index){
		$(this).click(function(){
			var n = $('#text-bottom input').val()
			if(index==0){
				n++;
			
			}
			if(index==1){
				n--;
				if(n==0){
					n=1;
				}
				
			}
		    $('#text-bottom input').val(n);
		})
	})
    
    // 详情导航栏
    $('#PI-rightNav .nav li').each(function(index){
    	$(this).click(function(){
    		
    		$('#PI-rightNav .nav li').removeClass('active');
    		$(this).addClass('active');
    		$('#PI-rightNav-detail .boxShow').hide();
    		$('#PI-rightNav-detail .boxShow').eq(3).show();
    		$('#PI-rightNav-detail .boxShow').eq(index).show();
    	})
    })
    
    // 评论翻页
    var page=0;
    $('#page dd').each(function(index){
    	$(this).click(function(){
    		page = index;
    		$('#page dl dd').removeClass('page-active');
    		$(this).addClass('page-active');
    		if( index!=0 ){
    			$('#page dl .Up').show();
    		}else{
    			$('#page dl .Up').hide();
    		}
    		if( index!=3 ){
    			$('#page dl .Down').show();
    		}else{
    			$('#page dl .Down').hide();
    		}
    		
    		page =index;
            $.get('json/evaluate.json',function(data){
        		$('#evaluate-detail').html('')
        		for(var i =page*10;i<page*10+10;i++){
        			var $dl = $('<dl></dl>');
            		var $dt = $('<dt></dt>');
            		$dt.html($dt.html()+'<img src="img/head.png"/><br /><b>'+data[i].user+'</b><br /><span>'+data[i].buytime+'</span><br /><span>购买</span>')
            		$dl.append($dt);
            		var $ddHtml;
            		$ddHtml = '<dd class="star">';
            		for(var j=0;j<data[i].star;j++){
            			$ddHtml = $ddHtml +'<i></i>';
            		}
            		$ddHtml = $ddHtml +'</dd><dd class="content">'+data[i].content+'</dd><dd class="time">'+data[i].time+'</dd>';
            		$dl.html($dl.html()+$ddHtml)
            		$('#evaluate-detail').append($dl)
        		}		
            })
    	 })
    })
     $('#page dt').each(function(index){
     	$(this).click(function(){
     		if(index == 0){
	     		if(page>0){
	     			page--;
	     		}
	     		if(page==0){
	     			$('#page dl .Up').hide();
	     		}
	     		$('#page dl dd').removeClass('page-active');
	    		$('#page dl dd').eq(page).addClass('page-active');
	     	}
     		if(index == 1){
	     		if(page<3){
	     			page++;
	     		}
	     		if(page==3){
	     			$('#page dl .Down').hide();
	     		}
	     		$('#page dl dd').removeClass('page-active');
	    		$('#page dl dd').eq(page).addClass('page-active');
	     	}
     		if( page!=0 ){
    			$('#page dl .Up').show();
    		}else{
    			$('#page dl .Up').hide();
    		}
    		if( page!=3 ){
    			$('#page dl .Down').show();
    		}else{
    			$('#page dl .Down').hide();
    		}
    		$.get('json/evaluate.json',function(data){
        		$('#evaluate-detail').html('')
        		for(var i =page*10;i<page*10+10;i++){
        			var $dl = $('<dl></dl>');
            		var $dt = $('<dt></dt>');
            		$dt.html($dt.html()+'<img src="img/head.png"/><br /><b>'+data[i].user+'</b><br /><span>'+data[i].buytime+'</span><br /><span>购买</span>')
            		$dl.append($dt);
            		var $ddHtml;
            		$ddHtml = '<dd class="star">';
            		for(var j=0;j<data[i].star;j++){
            			$ddHtml = $ddHtml +'<i></i>';
            		}
            		$ddHtml = $ddHtml +'</dd><dd class="content">'+data[i].content+'</dd><dd class="time">'+data[i].time+'</dd>';
            		$dl.html($dl.html()+$ddHtml)
            		$('#evaluate-detail').append($dl)
        		}		
            })
     	})
	     	
     })
});